<ion-view view-title="自动计算" style="background-color: #E5EEF4" devin-hide-tabs="true">
  <!--<ion-nav-back-button></ion-nav-back-button>-->
  <ion-content>
    <ul class="list">
      <li class="item" style="padding: 10px;">
        <img ng-src="img/icon-roof.png" width="25px;" style="display: block;">
        <span style="display: block;margin-top: -21px;margin-left: 30px;">屋面一</span>
      </li>
      <li class="item" style="padding: 0px;">
        <devin-task-item rightwordwidth="20" inputtype="number" label="可用尺寸(长)" hidearrow="true" rightword="cm" canchoice="false" content="autoCalSets.wmLong"></devin-task-item>
        <devin-task-item rightwordwidth="20" inputtype="number" label="可用尺寸(宽)" hidearrow="true" rightword="cm" canchoice="false" content="autoCalSets.wmWidth"></devin-task-item>
        <devin-task-item ng-click="goChoice('LAYOUT_DIRECTION',projectAutocal.layoutDirection)" label="安装方向" canchoice="true" choicecontent="{{projectAutocal.layoutDirectionDis}}"></devin-task-item>
        <devin-task-item ng-click="goChoice('DIP_ROOF',projectAutocal.layoutAngle)" label="安装倾角" canchoice="true" choicecontent="{{projectAutocal.layoutAngleDis}}"></devin-task-item>
      </li>
      <li class="item" style="padding: 0px;">
        <button ng-click="autoCal()" class="button button-positive button-autocal">自动计算</button>
      </li>
    </ul>
    <ul class="list">
      <li ng-if="autoCalSets.showPic" class="item" ng-hide="projectAutocal.num == 0" style="padding: 10px 10px;">
          <div style="padding:10px 5px;" id="picBg" class="item dashboard-autocal">
            <div style="margin: -5px 0 -10px 0;">排布图</div>
            <div style="text-align: right;font-size: 12px;"> ️{{autoCalSets.nrqEastSpacing | number:2}} cm↓</div>
            <table>
              <tbody>
              <tr style="padding-top: 10px;" ng-repeat="arow in pic.rowArr">
                <td class="pic-autocal-dark"></td>
                <td ng-repeat="item in pic.rowNumArr" style="width: {{pic.wid}}px;height: {{pic.hei}}px;" class="pic-autocal"></td>
                <td class="pic-autocal-dark"></td>
              </tr>
              <tr>
                <td class="pic-autocal-dark"></td>
                <td ng-repeat="item in pic.rowNumArr" class="pic-autocal-dark"></td>
                <td class="pic-autocal-dark"></td>
              </tr>
              </tbody>
            </table>
            <div style="text-align: center; font-size: 12px;">↑{{autoCalSets.nrqFrontSpacing | number:2}} cm</div>
          </div>
        </div>
      </li>
      <li class="item" style="padding: 10px;">
        <img ng-src="img/icon-calc.png" width="25px;" style="display: block;">
        <span style="display: block;margin-top: -21px;margin-left: 30px;">计算结果</span>
      </li>
      <li class="item" style="padding: 0px;">
        <ul class="list list-design" style="padding: 10px 0 10px 0;">
          <li class="item list-item-design">
            <span class="list-left-item-autocal">组件数量:</span><span class="list-right-item-autocal">{{projectAutocal.num}} &nbsp;个</span>
          </li>
          <li class="item list-item-design">
            <span class="list-left-item-autocal">方阵间距:</span><span class="list-right-item-autocal">{{autoCalSets.sumLong | number:2}} cm</span>
          </li>
          <li class="item list-item-design">
            <span class="list-left-item-autocal">阴影长度(南):</span><span class="list-right-item-autocal">{{autoCalSets.nrqFrontSpacing | number:2}} cm</span>
          </li>
          <li class="item list-item-design">
            <span class="list-left-item-autocal">阴影长度(东西):</span><span class="list-right-item-autocal">{{autoCalSets.nrqEastSpacing | number:2}} cm</span>
          </li>
        </ul>
      </li>
    </ul>
    <div class="page-bottom"></div>
  </ion-content>
</ion-view>
